<template>
	<div style="height: 100%">
		<el-container style="height: 100%">
			<el-header>
				<Header />
			</el-header>
			<el-container>
				<Aside />
				<el-main class="main" style="background: #e1e1e1">
					<router-view />
					<Footer />
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>

<script setup>
import Aside from "@/layout/Aside.vue";
import Header from "@/layout/Header.vue";
import Footer from "@/layout/Footer.vue";
</script>
<style lang="scss">
#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100vh;
	overflow: hidden;
}
* {
	margin: 0;
	padding: 0;
}
.main {
	overflow-y: scroll;
	max-height: 850px;
}
</style>
